<template>
	<view>
		<view class="limintedTimeDetail" :style="{backgroundColor:detail.bg,justifyContent:detail.alignment === 'left' ? 'space-between' : 'center',padding:type ? '20upx' : '0'}">
			<view class="limintedTimeDetail_title">
				<view class="x-f">
					<image v-if="!type" :src="detail.cover" mode="widthFix" class="icon_img"></image>
					<span v-else class="title" :style="{color:detail.color}">{{detail.name}}</span>
				</view>
			</view>
<!-- 			<view class="limintedTimeDetail_more" v-if="detail.more" @tap="$emit('navtive',detail.more_url)">
				更多<i class="icon">&#xe637;</i>
			</view> -->
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			detail:{
				type:Object
			},
			type:{
				type:Number,
				default:''
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="less">
	.x-f{
		display: flex;
		align-items: center;
		width: 100%;
	}
.limintedTimeDetail {
		width: 100%;
		box-sizing: border-box;
		padding: 20upx;
		box-sizing: border-box;
		display: flex;
		justify-content: space-between;
		// margin: 20upx 0;
		align-items: center;
		.limintedTimeDetail_title {
			display: flex;
			color: #333333;
			font-weight: bold;
			font-size: 32upx;
			width: 100%;
			.icon_img{
				width:100%;
				height:40upx;
				// margin-right: 10upx;
			}
			font{
				color: red;
			}
			.title-img{
				width: 60upx;
				height: 100%;
				padding:3% 0;
				box-sizing: border-box;
			}
			.limintedTimeDetail_Session{
				background: red;
				margin-left: 15upx;
				display: inline-block;
				padding: 3upx;
				box-sizing: border-box;
				height: 46upx;
				font-size: 24upx;
				.session_Hour{
					height: 46upx;
					line-height: 42upx;
					padding:2upx 5upx;
					color: #fff;
				}
			}
			.session_time{
				border: 2upx solid red;
				background:#f5fff4;
				height: 42upx;
				.uni-countdown{
					height: 35upx;
					background:#f5fff4;
					
				}
			}
		}
		.limintedTimeDetail_more {
			color: #999999;
			font-size:24upx;
			.icon {
				color: #999;
				line-height: 28upx;
				font-size: 24upx;
			}
		}
 }
</style>
